/* app global css */

/* 移动端地图页面样式 */
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#app {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

/* Quasar布局结构优化 */
.q-layout {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.q-page {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.q-page-container {
    height: 100%;
    overflow: hidden;
}

/* 移动端地图容器样式 */
.mobile-map-container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

/* 禁用移动端触摸滚动 */
.mobile-map-container * {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none;
}

.font-size-xl {
    font-size: 1.5rem !important; /* 24px - 对应 text-h5 */
}

.font-size-lg {
    font-size: 1.125rem !important; /* 18px - 对应 text-subtitle1 */
}

.font-size-md {
    font-size: 1rem !important; /* 16px - 对应 text-body1 / text-subtitle2 */
}

.font-size-sm {
    font-size: 0.875rem !important; /* 14px - 对应 text-body2 */
}

.font-size-xs {
    font-size: 0.75rem !important; /* 12px - 对应 text-caption */
}

/* 防止移动端缩放 */
@media screen and (max-width: 768px) {
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    /* 确保Quasar组件在移动端正确显示 */
    .q-header {
        flex-shrink: 0;
    }

    .q-footer {
        flex-shrink: 0;
    }

    .q-page-container {
        flex: 1;
        min-height: 0;
    }
}
